<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <ui:composition template="/headerMobile.xhtml">
            <ui:define name="menu">
                  <h:commandLink value="Inicio" action="/headerMobile.xhtml"/>
        </ui:define>
        <ui:define name="conteudo">
            <legend><i class="icon-search"></i>Pesquisar</legend>
            <!--            <h:panelGrid columns="6">-->
            <div style="margin-left: 45px;">
                <label>Pesquisar por Mesa</label>
                <div class="input-append">
                    <h:inputText value="#{pedidoMB.mesa}" class="span2"/>

                    <h:commandButton value="Filtrar" action="#{pedidoMB.filtraMesa()}" class="btn"/>
                    <h:commandButton value="Todos" action="#{pedidoMB.listar()}" class="btn"/> </div>

            </div>
            <!--</h:panelGrid>-->
            <legend><i class="icon-list"></i>Lista de pedidos</legend>
            <h:dataTable var="pedidos" value="#{pedidoMB.pedidos}" class="table table-bordered">
                <h:column  class="info">
                    <f:facet name="header">
                        <h:commandLink value="ID" action="#{pedidoMB.ordenaId()}" />
                    </f:facet>
                    #{pedidos.id}             
                </h:column>
                <h:column>
                    <f:facet name="header">
                        <h:commandLink value="Hora" action="#{pedidoMB.ordenaHora()}" />
                    </f:facet>
                    #{pedidos.data}                    
                </h:column>                
                <h:column>
                    <f:facet name="header">
                        <h:commandLink value="Mesa" action="#{pedidoMB.ordenaMesa()}" />
                    </f:facet>
                    #{pedidos.mesa}          
                </h:column>
                <h:column>
                    <f:facet name="header">
                        <h:commandLink value="Status" action="#{pedidoMB.ordenaStatus()}" />
                    </f:facet>
                    #{pedidos.status}                    
                </h:column> 
                <h:column>
                    <f:facet name="header">
                        <h:commandLink value="Total" action="#{pedidoMB.ordenaValorTotal()}" />
                    </f:facet>
                    #{pedidos.valorTotal}                    
                </h:column> 
                <h:column>
                    <f:facet name="header">                        
                    </f:facet>
                    <h:commandLink action="#{pedidoMB.excluir(pedidos)}" onclick="return confirm('Deseja realmente excluir?')">
                        <i class="icon-trash"></i>
                    </h:commandLink>                                          
                </h:column>
                <h:column>
                    <f:facet name="header">                        
                    </f:facet>
                    <h:commandLink action="#{pedidoMB.editarPedido(pedidos)}">
                        <i class="icon-edit"></i>
                    </h:commandLink>                                          
                </h:column>            

            </h:dataTable>
        </ui:define>
    </ui:composition>
</html>

